<!--
  - Copyright (c) 2018-2019.
  -  This file is part of the moonpie production
  -  (c) johnzhang <875010341@qq.com>
  -  This source file is subject to the MIT license that is bundled
  -  with this source code in the file LICENSE.
  -->

<template>
   <div class="fans-group-list">
       <dl>
           <template v-for="tag in initConfig.tags">
               <dt class="fans-group-item" v-if="tag.id === 0">
                   <a v-bind:href="convertTagFans(tag)">{{tag.name}}({{tag.count}})</a>
               </dt>
               <dd class="fans-group-item" v-else>
                   <a v-bind:href="convertTagFans(tag)">{{tag.name}}({{tag.count}})</a>
               </dd>
           </template>
       </dl>
   </div>
</template>

<script>
  /**
   * 此插件用来展示系统的微信标签
   */
  export default {
    name: "UserTagList",
    props: ['initConfig'],
    methods: {
      convertTagFans(tag) {
        //获取标签相关粉丝的url
        return ''
      }
    }
  }
</script>

<style scoped>
    .fans-group-list {border-left: 1px solid #e8e9eb;}
    .fans-group-item > a {color: #000; font-weight: 400; padding-left: 10px;}
    dd.fans-group-item {text-indent: 2em;}
</style>